<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

  <title>Hello, world!</title>
  <!-- Custom styles for this template -->
  <link rel="stylesheet" href="./css/site.css">
  <link href="./css/login.css" rel="stylesheet">
  <script src="//at.alicdn.com/t/font_1678100_qw1bqx65qr.js"></script>
</head>

<body>
  <!-- header -->
  <header>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a href="/">
        <span class="navbar-brand">
          <!-- <img src="./img/icon.png" class="icon-banner"> -->
          IdentityServer
        </span>
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
        aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <!-- <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Link</a>
            </li>
            <li class="nav-item">
              <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
            </li> -->
        </ul>
        <form class="form-inline mt-2 mt-md-0">
          <ul class="nav navbar-nav navbar-right">
            <!-- dropdownMenuLanguageLink -->
            <li class="dropdown mr-sm-3">
              <a class="dropdown-toggle" href="javascript:void(0);" role="button" id="dropdownMenuLanguageLink"
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="@Model.CurrentLanguage.Icon" title="@Model.CurrentLanguage.DisplayName"></i>
                <span>中文</span>
                <b class="caret"></b>
                <input type="hidden" id="locale" value="@Model.CurrentLanguage.Name" />
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLanguageLink">
                <a class="dropdown-item text-center"
                  href="@(ApplicationPath)Localization/ChangeCulture?cultureName=@(language.Name)&returnUrl=@(Context.Request.Path + Context.Request.QueryString.Value)">
                  <i class="@language.Icon"></i>中文
                </a>
                <a class="dropdown-item text-center"
                  href="@(ApplicationPath)Localization/ChangeCulture?cultureName=@(language.Name)&returnUrl=@(Context.Request.Path + Context.Request.QueryString.Value)">
                  <i class="@language.Icon"></i>英文
                </a>
              </div>
            </li>
            <!-- dropdownMenuFunctionLink -->
            <li class="dropdown mr-sm-3">
              <a class="dropdown-toggle" href="javascript:void(0);" role="button" id="dropdownMenuFunctionLink"
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="" title="@User.Identity.Name"></i>
                <span>Hello User!</span>
                <b class="caret"></b>
              </a>
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuFunctionLink">
                <a asp-area="Quartz" asp-controller="Dashboard" asp-action="Index"
                  class="dropdown-item text-center">QuartzCenter</a>
                <a class="dropdown-item text-center" href="login.html">
                  登录
                </a>
              </div>
            </li>
          </ul>
        </form>
      </div>
    </nav>
  </header>
  <div class="container">
    <div class="row">
      <form class="form-signin" asp-route="Login">
        <div class="text-center mb-4">
          <img class="mb-4" src="/docs/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
          <h1 class="h3 mb-3 font-weight-normal">Login</h1>
        </div>
        <input type="hidden" asp-for="ReturnUrl" />
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-prepend">
              <div class="input-group-text">
                <span title="Username" aria-hidden="true">
                  <svg class="icon svg-icon" aria-hidden="true">
                    <use xlink:href="#icon-iconuser"></use>
                  </svg>
                </span>
              </div>
            </div>
            <input type="text" class="form-control" placeholder="Username" asp-for="Username" autofocus>
          </div>
        </div>
        <div class="form-group">
          <div class="input-group">
            <div class="input-group-prepend">
              <div class="input-group-text">
                <span title="Password" aria-hidden="true">
                  <svg class="icon svg-icon" aria-hidden="true">
                    <use xlink:href="#icon-lock_circle"></use>
                  </svg>
                </span>
              </div>
            </div>
            <input type="password" class="form-control" placeholder="Password" asp-for="Password" autocomplete="off">
          </div>
        </div>
        <div class="form-group form-check">
          <input type="checkbox" class="form-check-input" id="exampleCheck1" asp-for="RememberLogin">
          <label class="form-check-label" asp-for="RememberLogin"><strong>Remember me</strong></label>
          <label class="form-check-label float-right"><a href="#">Forgot Password?</a></label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" name="button" value="login">Login</button>
        <button class="btn btn-lg btn-secondary btn-block" name="button" value="cancel">Cancel</button>
      </form>
    </div>

    <div class="row">
      <div class="form-signin login-three">
        <span>使用第三方账号直接登录</span>
        <div class="login-icon">
          <a class="mr-sm-3" href="#" title="QQ" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-QQ"></use>
            </svg>
          </a>
          <a class="mr-sm-3" href="#" title="Wechat" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-Wechat"></use>
            </svg>
          </a>
          <a class="mr-sm-3" href="#" title="Alipay" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-Alipay"></use>
            </svg>
          </a>
          <a class="mr-sm-3" href="#" title="Baidu" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-Baidu"></use>
            </svg>
          </a>
          <a class="mr-sm-3" href="#" title="GitHub" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-GitHub"></use>
            </svg>
          </a>
          <a class="mr-sm-3" href="#" title="OAuth" aria-hidden="true">
            <svg class="icon svg-icon" aria-hidden="true">
              <use xlink:href="#icon-oauth-Default"></use>
            </svg>
          </a>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="form-signin">
        <div class="alert alert-warning">
          <strong>Invalid login request</strong>
          There are no login schemes configured for this client.
        </div>
      </div>
    </div>
    <!-- footer -->
    <footer class="pt-4 my-md-5 pt-md-5 border-top">
      <div class="row">
        <div class="col-12 col-md">
          <img class="mb-2" src="/docs/assets/brand/bootstrap-solid.svg" alt="" width="24" height="24">
          <small class="d-block mb-3 text-muted">&copy; 2019-2020</small>
        </div>
        <div class="col-6 col-md">
          <h5>Features</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Cool stuff</a></li>
            <li><a class="text-muted" href="#">Random feature</a></li>
            <li><a class="text-muted" href="#">Team feature</a></li>
            <li><a class="text-muted" href="#">Stuff for developers</a></li>
            <li><a class="text-muted" href="#">Another one</a></li>
            <li><a class="text-muted" href="#">Last time</a></li>
          </ul>
        </div>
        <div class="col-6 col-md">
          <h5>Resources</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Resource</a></li>
            <li><a class="text-muted" href="#">Resource name</a></li>
            <li><a class="text-muted" href="#">Another resource</a></li>
            <li><a class="text-muted" href="#">Final resource</a></li>
          </ul>
        </div>
        <div class="col-6 col-md">
          <h5>About</h5>
          <ul class="list-unstyled text-small">
            <li><a class="text-muted" href="#">Team</a></li>
            <li><a class="text-muted" href="#">Locations</a></li>
            <li><a class="text-muted" href="#">Privacy</a></li>
            <li><a class="text-muted" href="#">Terms</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js"
    integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"
    integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
    crossorigin="anonymous"></script>
</body>

</html>